<template>
  <div>
    <h1>子组件</h1>
    <button @click = "addHandle">向父组件发送数据</button>
    <!-- 点击解绑自定义事件 -->
    <button @click="byby">拜拜</button>
  </div>
</template>

<script>
export default {
  name: "Count",
  data() {
    return {
        list:[
            {id:1 , name: "老六"},
            {id:2 , name: "老王"},
            {id:3 , name: "老李"},
        ]
    }
  },
  methods:{
    //点击调用父组件传递的自定义事件 向父组件发送数据
    addHandle(){
        //使用Vue原型上的$emit方法调用自定义事件 
        //参数1：自定义事件名
        //参数2：传递的数据
        this.$emit("atguigu" , this.list)
    },


    //真正的解绑自定义事件应该在子组件解绑 
    //因为自定义事件是父组件绑给子组件的
    byby(){
      this.$off("atguigu")
    } 
  },
};
</script>

<style>
</style>